<template>
  <UserCardList :user-list="userList"/>
</template>

<script setup>
import {useRoute} from "vue-router";
import {onMounted, ref} from "vue";
import {searchByTags} from "../api/user";
import UserCardList from "../components/UserCardList.vue";

const route = useRoute();

const {tags} = route.query;

const userList = ref([]);

onMounted(async () => {
  userList.value = await searchByTags(tags);
})

</script>

<style scoped>

</style>